
:root {
  --bg: linear-gradient(98deg, #F7F7FA 0%, #EFF0F8 26%, #E8F1F9 54%, #E0EFFC 77%, #D5F4F7 100%);
  --main-color: #5695c0;
  --el-color-primary: #5695C0;

  --text-gray-color: #6a7484;
  --text-red-color: #b32b3c;
  --border-color: #5555558a;
  --border-gray-color: #f4f4f4;
  --shadow-gray: #ddd;
  --bottom-bg-color: #f5f7fa;
  --text-color: #09172F;


  --el-color-primary-light-1: #669fc6;
  --el-color-primary-light-2: #77aacc;
  --el-color-primary-light-3: #88b4d2;
  --el-color-primary-light-4: #99bfd9;
  --el-color-primary-light-5: #aacadf;
  --el-color-primary-light-6: #bbd4e5;
  --el-color-primary-light-7: #ccdfec;
  --el-color-primary-light-8: #dde9f2;
  --el-color-primary-light-9: #eef4f8;
  --el-button-hover-link-text-color: #6da2c6;
  --el-color-primary-dark-1: #4d86ac;
  --el-color-primary-dark-2: #447799;
  --el-color-primary-dark-3: #3c6886;
  --el-color-primary-dark-4: #335973;
  --el-color-primary-dark-5: #2b4a60;
  --el-color-primary-dark-6: #223b4c;
  --el-color-primary-dark-7: #192c39;
  --el-color-primary-dark-8: #111d26;
  --el-color-primary-dark-9: #080e13;
}

.select-input-box{

}

.select-input .el-input__wrapper{
  border: none !important;
  box-shadow: none !important;
}

* {
  box-sizing: border-box;
}

@font-face {
  font-family: OPPOSans;
  src: url('../font/OPPOSans3.0cn-Regular-D4Dsci7P.woff2') format('woff2'), /* woff2格式 */
  url('../font/OPPOSans3.0cn-Regular-D4Dsci7P.woff2') format('woff'); /* woff格式 */
  font-weight: normal; /* 字体粗细 */
  font-style: normal; /* 字体风格，如normal或italic */
}


#app {
  font-family: OPPOSans, Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  color: #2c3e50;
  background: var(--bg);
  height: 100vh;
  font-size: 15px;
  overflow: hidden;
}

div, ul {
  scrollbar-width: thin;
  scrollbar-color: #669fc64d #eeeeeec4;
}

body, html, nav, li, ul {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: #2c3e50;
}

.select-box {
  position: relative;
  background: linear-gradient(180deg, #ffffff3d, #fff);
  border-radius: 14px;
  margin: 0 0 20px;
  padding: 20px 20px 0;
  border: 1px solid #FFFFFF;
}

.el-form-item .el-form-item__label {
  color: #9ba6ba !important;
}

.el-form-item.form-item-box {
  margin-bottom: 10px;
  height: 42px;
}

.el-checkbox-button .el-checkbox-button__inner, .el-radio-button .el-radio-button__inner {
  border: var(--el-border) !important;
  border-radius: var(--el-border-radius-base) !important;
  box-shadow: none !important;
}

.el-radio-button__inner:hover {
  color: #5695c0;
}

.el-button--default:hover {
  color: #5695c0;
  border-color: #5695c0;
}

.center-box{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-center {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-start {
  display: -webkit-flex;
  display: flex;
  justify-content: start;
  align-items: center;
}

.el-button--primary {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-primary);
  --el-button-border-color: var(--el-color-primary);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-active-color: var(--el-color-primary-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
  --el-button-hover-bg-color: var(--el-color-primary-light-3);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-bg-color: var(--el-color-primary-dark-2);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-primary-light-5);
  --el-button-disabled-border-color: var(--el-color-primary-light-5);
}

.el-button:hover {
  background-color: var(--el-button-hover-bg-color);
  border-color: var(--el-button-hover-border-color);
  color: var(--el-button-hover-text-color);
  outline: none;
}

* {
  outline: none !important;
}


.table-header-class{
  background-color: rgb(246, 246, 246);
}



